<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
			图片标签用于像当前页面中引入一个外部图片
			使用img标签来引入外部图片，img标签是一个自结束标签
			img这种元素属于替换元素（基于块元素和行内元素之间，具有两种元素的特点，不是独不独占一行的特点）
			属性：
				src属性指定的是外部图片的路径（路径规则和超链接是一样的）
				alt属性：是对图片的描述，默认情况下不会显示，会在图片无法加载时显示
				搜索引擎会根据alt中的内容来识别图片，如果不写，图片不会被搜索引擎找到
				height：指定图片的高度
				width：指定图片的宽度
				宽度和高度中如果只修改了一个，则另一个会等比例缩放
				
				注意：
					一般情况下在pc端，不建议修改图片的大小，大-小：占内存
						小-大：会失真，需要多大切多大
					在移动端，经常要对图片进行缩放（大图缩小）	
					
				图片的格式：
					常见的格式：JPEG（jpg）不支透明效果，不支持动图
							--一般用来显示图片
					gif：支持的颜色比较少，支持简单透明，支持动图
							--颜色单一的图片，动图
					png：支持的颜色丰富，支持负责透明，不支持动图
							--颜色丰富，复杂透明的图片，专为网站而生的
					webp：这种格式是谷歌新推出的专门用来表示网页中的图片的一种个格式
							--它具备其他图片格式的所有有点，而且文件特别小
							缺点：兼容性不好，老的浏览器不用
					base64：将图片使用base64进行编码，对数据进行加密，可以直接将图片转换为二字符，通过字符形式来引入图片
							一般都是一些需要和网页一起加载的图片才会使用base64，加快访问速度，在百度上搜索base64图片转换
							
					
					效果一样，用小的；效果不一样，用效果好的
										
		 -->
		
		<img src="../img/1.jpg" alt="" />
		<img src=""  />
		
	</body>
</html>
